*{
padding: 0;
margin: 0;
box-sizing: border-box;
}

body{
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    background-color: #fde8ff;
}

.header{
    width: 100%;
    height: 40px;
    background-color: darkgrey;
    text-align: center;
    position: fixed;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    
}
.logo{
    width: 100px;
     height: 40px; 
     float: left;
      margin-left: 60px;
}
.header h2{
    font-family: 'Brush Script MT', cursive;
  font-size: 28px;
  color: #b30059;
    margin-right: -20px;
}

.head2{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    gap: 8px;
}

.list{
    list-style: none;
    display: flex;
    gap: 30px;
    margin-right: 40px;
   padding-top: 0px;
   font-size: 19px;
}

.list li a{
    text-decoration: none;
    color:#333;
   
}





.parent{
    width: 100%;
     height: 600px;
    background:url(https://vegancuts.com/wp-content/uploads/2021/03/vegan-perfume-ingredients-brands.jpg ) no-repeat fixed center ;
    background-size: cover;
}
.info{
    width: 600px;
    height: 190px;
   margin-left: 20px;
     padding-top: 210px;
      

}



.info h2 {
  color: #b30059; 
  font-family: 'Georgia', serif;
  font-size: 26px;
}

.info span {
  color: #4a0033; 
  font-size: 16px;
  line-height: 1.6;
  display: block;
  margin-top: 10px;
}

.btn2.btn  {
  background-color: #ff4d94; 
  color: white;

  border: none;
border-radius: 10px;
  font-size: 16px;
 width: 150px;
 height: 30px;
}

.btn2.btn:hover {
  background-color: #e60073; 
}


/* //////////////////////////////////////////// */

.sk2 h2{
    color: #43024a2c;
    text-align: center;

}


 .cards-container {
      display: flex;
      justify-content: space-evenly; 
     
    }

    
    .card {
      display: flex;
      flex-direction: column; 
      background: rgb(255, 249, 246);
      border-radius: 8px;
      
    width: 250px;
   height: 300px;
    }

   

    .card img {
      width: 100%;
      height: 150px;
      object-fit: cover; 
    }

    .card .content {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 15px;
    }

    .card h3 {
      margin-bottom: 10px;
      
    }


    .card button {
      background: #ad58b5;
      color: white;
      border: none;
      padding: 8px 16px;
      border-radius: 5px;
      cursor: pointer;
      margin-bottom: 8px;
      width: 100px;
    }

    .card button:hover {
      background: #d26cb8;
    }

    
    .discount {
      color: rgb(0, 0, 0);
      font-weight: bold;
    }







/* /////////////////////////////////// */
.pap2{
    width: 1400px;
     height: 500px;
     background-color: #efe1f3;
      
}
.s1{
    width: 300px;
     height: 500px; 
     margin-left: 13%; 
     padding-top: 10px;
     float: left;
   
}
.s1 i{
    color: rgb(109, 51, 102);
    font-size: 18px;
}
.s2{
    width: 300px; 
    height: 500px;
    margin-left: 320px;
     float: left;
     padding: auto;
}
.s1 h2{ margin-left: 20px;
    color: rgb(197, 90, 194);}
.mt{width: 45px;
    height: 15px;
    margin: auto;
    margin-right: 90px;
    padding-top: 6px;
    
}

.m4{width: 10px;
    height: 10px;
    border-radius: 5px;
    float: left;
    background-color: darkgray;
    margin-right: 5px;
}
.m4:hover{
    background-color: rgb(106, 22, 114);
 }

/* ////////////////////////////////*/

.pap4{
    background: rgb(249, 240, 248);
}
.pap4 h2{
    text-align: center;
    color: #bd015f;
}
  .perfume-section {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
      padding: 20px;
      height: 400px;
     
    }

    .perfume-image {
      flex: 1;
    }

    
    .perfume-image img {
      width: 100%;
      height: auto;
      object-fit: cover;
      border-radius: 8px;
    }

  
    .perfume-content {
      flex: 2;
      height: 200px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 15px;
    }

    .perfume-content h2 {
      font-size: 2rem;
      color: #b30059;
    }

    .perfume-content p {
    
      line-height: 1.6;
      color: #333;
    }

  
    .perfume-content button {
      background: #b30059;
      color: white;
      padding: 10px 20px;
      font-size: 1rem;
      border: none;
      border-radius: 5px;
     width: 150px;
      
    }

    .perfume-content button:hover {
      background: #800040;
    }
    /* ////////////////// */

.pap5{
width: 100%;
}
      .pap5 h2{
        text-align: center;
         color: #b30059;
         background-color: #c4c4c4;

      }
  .team-container {
    width: 90%;
    display: flex;
    justify-content: space-around; 
    gap: 30px; 
    margin-left: 60px;
  }

  
  .team-member {
    background: white;
    border-radius: 10px;
    text-align: center;
    padding-bottom: 15px;
  }

  .team-member img {
    width: 100%;
    height: 250px;
    object-fit: cover;
  }

  .team-member h3 {
    margin: 15px 0 10px;
    color: #b30059;
  }

  .team-member p {
    font-size: 0.95rem;
    color: #333;
    padding: 0 10px;
    line-height: 1.5;
  }


  /* /////////////////////////////// */
  footer {
  background: #f9e6ef;
  padding: 40px 20px 20px;
  color: #4a0033;
  font-family: Arial, sans-serif;
}

.footer-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
  max-width: 1100px;
  margin: auto;
}

.footer-logo h2 {
  font-family: 'Brush Script MT', cursive;
  font-size: 28px;
  color: #b30059;
}

.footer-logo p {
  max-width: 250px;
}

.footer-links h3, 
.footer-social h3 {
  margin-bottom: 10px;
  color: #b30059;
}

.footer-links ul {
  list-style: none;
  padding: 0;
}

.footer-links li {
  margin-bottom: 8px;
}

.footer-links a, 
.footer-social a {
  text-decoration: none;
  color: #4a0033;
  transition: color 0.3s ease;
}

.footer-links a:hover, 
.footer-social a:hover {
  color: #ff66b2;
}

.footer-social a {
  display: block;
  margin-bottom: 8px;
}

.footer-bottom {
  text-align: center;
  margin-top: 20px;
  border-top: 1px solid #ffb3cc;
  padding-top: 10px;
  font-size: 14px;
}

.header {
    
    background: linear-gradient(90deg, #ff9eb5, #b28dd9); /* وردي متوسط + بنفسجي هادئ */
    text-align: center;
    position: fixed;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    
}

.header h2 {
    font-family: 'Brush Script MT', cursive;
    font-size: 28px;
    color: #931e79; /* أبيض ناصع */
    margin-right: -20px;
}

.list li a {
    text-decoration: none;
    color: #ffffff; /* أبيض للنصوص */
    transition: color 0.3s ease;
}

.list li a:hover {
    color: #701d63; /* ذهبي وردي */
}